<template >
    <section>
        <div><img :src="imgsrc" alt=""></div>
        <div>
            <h1>影片简介</h1>
            <p><span>导&nbsp;演:</span> <span>{{con.director}}</span></p>
            <p>
                <span>主&nbsp;演:</span>
                <span v-for="name in con.actors">{{name.name}}<i>|</i></span>
            </p>
            <p><span>地区语音:</span> <span>{{con.nation}}</span> <span>({{con.language}})</span></p>
            <p>
                <span>类&nbsp;型:</span>
                <span>{{con.category}}</span>
            </p>
            <p>
                <span>上映时间:</span> <span>5月26日</span><span>上映</span>
            </p>
            <p>
                {{con.synopsis}}
            </p>
        </div>
        <a href="##">立即抢票</a>
    </section> 
</template>
<script>
    import $ from 'jquery';
    export default {
        data:function(){
            return {
                con:{},
                imgsrc:''

            }
        },
        mounted :function() {
            //'http://localhost:3000/3654?time461321546123154345
            var url="http://localhost:3000/"+this.$route.params.id+'?time'+ new Date().getTime();
            var that=this;
            console.log(that)
            $.get(url,function(res){
                that.con=res.data.film;
                that.imgsrc=res.data.film.cover.origin;
                console.log( that.con)
                var moth=that.con.premiereAt;
                that.$store.commit('changeTitle',res.data.film.name)

            })
        }
    }
</script>



